<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="B2B电商平台" name="description" />
<meta content="B2B电商平台" name="keyword" />

<title>B2B电商平台.销售金额流水统计</title>
<link rel="icon" href="include/images/icss.ico" type="image/x-icon" />
<link rel="shortcut icon" href="include/images/icss.ico"
	type="image/x-icon" />
<link rel="stylesheet" type="text/css"
	href="<%=path%>/include/css/global.css" />
<link rel="stylesheet" type="text/css"
	href="<%=path%>/include/css/style.css" />
<link rel="stylesheet" type="text/css"
	href="<%=path%>/include/css/pro.css" />
<link rel="stylesheet" type="text/css"
	href="<%=path%>/include/css/proManage.css" />
<link rel="stylesheet"
	href="<%=path%>/include/JQuery ui/css/smoothness/jquery-ui-1.7.3.custom.css"
	type="text/css"></link>
<link rel="stylesheet" type="text/css"
	href="<%=path%>/include/pagination/page.css" media="all">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/include/css/mmt_trading.css" />
<script type="text/javascript"
	src="<%=path%>/include/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<%=path%>/include/js/cookies.js"></script>
<script type="text/javascript" src="<%=path%>/include/js/icss.busin.js"></script>
<script type="text/javascript"
	src="<%=path%>/include/JQuery ui/js/jquery-ui-1.7.3.custom.min.js"></script>
<script type="text/javascript" src="<%=path%>/include/js/icss.common.js"></script>
<script type="text/javascript"
	src="<%=path%>/include/pagination/jquery.pagination.js"></script>
<script type="text/javascript"
	src="<%=path%>/include/pagination/init.js"></script>
<script type="text/javascript" src="<%=path%>/include/js/doT.min.js"></script>
<script src="<%=path%>/include/DatePicker/WdatePicker.js"
	charset="UTF-8" type="text/javascript"></script>
<style type="text/css">
.table tr td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 33px;
}

.table tr th {
	border-left: 1px solid #ddd;
	font-weight: bold;
}

em.create {
	background-position: -50px -44px;
	line-height: 28px;
	display: inline-block;
	font-style: normal;
	background-repeat: no-repeat;
	text-indent: 15px;
	float: right;
	cursor: pointer;
}

.create {
	background: url("<%=path%>/images/coupons/sort_zss.png");
}

#queryId button {
	background-image: url("<%=path%>/include/css/img/xs_bgx.png");
	background-color: transparent;
}

.cxx_btn {
	width: 44px;
	height: 24px;
	background-position: 0px -203px;
	line-height: 24px;
	margin: 0px 0px 0px 5px;
}

a {
	color: #039;
}
</style>
<script type="text/javascript">
	$(function(){
		_search();
	});

	var pagination;
	function _search() {
		var url = "<%=path%>/saleAmountList/getSaleAmountList.do";
		var data = {
			startDate : $("#startDate").val(),
			endDate : $("#endDate").val()
		};
		pagination = _initPagination({
			'pageId' : 'pagination',
			'url' : url,
			'data' : data,
			'rows' : 10,
			'callback' : _initDataList
		});
	}

	function _initDataList(data) {
		var tpl = $('#dataTpl').html();
		$('#tbody').html(doT.template(tpl)(data.rows));
	}
</script>
</head>

<body style="font-family: '微软雅黑';">
	<div id="contentDiv">
		<div class="colnums-2-ab-b" style="overflow-x:auto;margin-left: 8px;">
			<div class="toptil">销售金额流水</div>
			<div></div>
			<div id="queryId"
				style="border: 1px solid #e0e0e0;background: #f5f5f5;padding-left:10px;margin-bottom:10px;height: 40px;line-height: 40px;font-size:14px;">
				<span>开始时间:</span>&nbsp;
				<input type="text" id="startDate"
					name="startDate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
					style="width: 100px;height: 24px; padding-left: 3px"
					onfocus="WdatePicker({position:{left:72,top:86}})" class="Wdate"
					value="${startDate }" /> &nbsp;&nbsp;
				<span>结束时间:</span>&nbsp;
				<input type="text"
					id="endDate" name="endDate"
					onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
					style="width: 100px;height: 24px; padding-left: 3px"
					onfocus="WdatePicker({position:{left:247,top:86}})" class="Wdate"
					value="${endDate }" />
				<button class="cxx_btn" type="button" onclick="_search()">查询</button>
				<button class="cxx_btn" type="button" onclick="window.history.go(-1);">返回</button>
			</div>

			<div class="row-fluid dataTables_wrapper">
				<table id="listTable"
					class="table table-hover table-nomargin table-bordered usertable dataTable"
					style="width: 100%; border-spacing: 0;">
					<thead>
						<tr class="trBgd"
							style="background-color: #eee;text-align: center; height: 31px; border: 1px solid #ddd; white-space: nowrap; background-position: 0 -123px; line-height: 30px; font-weight: bold;">
							<th>序号</th>
							<th>时间</th>
							<th>商品总金额</th>
							<th>实付总金额</th>
							<th>所属订单</th>
							<th>购买者</th>
						</tr>
					</thead>
					<tbody id="tbody" style="font-size: 13px">
					</tbody>
				</table>
				<div class="dataTables_paginate paging_full_numbers">
					<span id="innerHtml"> </span>
				</div>
				<div id="pagination"></div>
				<div>
					<div style="height: 30px;"></div>
					<!-- 分类列表div结束 -->
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		_reHeight("rightFrame", "contentDiv");
	});
</script>
<script id="dataTpl" type="text/template">
		{{if (it.length>0) { }}  
		{{ for (var i = 0; i < it.length; i ++) { }}  
		{{     var row = it[i]; }}
			<tr style='line-height: 20px;white-space: nowrap;'>
				<td style='text-align:center;vertical-align: middle;'>{{=(i+1)}}</td>
				<td style='text-align:center;vertical-align: middle;'>{{=row.createTime}}</td>
				<td style='text-align:right;vertical-align: middle;'>{{=row.sumSellMoney}}</td>
				<td style='text-align:right;vertical-align: middle;'>{{=row.sumRealMoney}}</td>
				<td style='text-align:center;vertical-align: middle;'>{{=row.orderNo}}</td>
				<td style='text-align:left;vertical-align: middle;'>{{=row.conName}}</td>
		     </tr>
		{{ } }}
		{{} else { }}
			<tr style='line-height: 20px;white-space: nowrap;'>
				<td style='text-align:center;vertical-align: middle;' colspan='8'>没有满足条件的记录</td>
		     </tr>
		{{} }}
	</script>
</html>
